import React, {Component} from 'react';
import {StyleSheet, View} from 'react-native';
import DisplaySlider from '../system/DisplaySlider';
import BluetoothScene from '../system/BluetoothScene';
import ScrollableTabView, {DefaultTabBar} from 'react-native-scrollable-tab-view';

export default class SysConfig extends Component {

	render() {
        //加载后
        return (
			<ScrollableTabView
				style={styles.container}
				tabBarUnderlineStyle={{backgroundColor:'#000000', height:0}}
				renderTabBar={()=><DefaultTabBar backgroundColor='#fff' />}
				tabBarPosition='bottom'
				onChangeTab={
                    (obj) => {

                    }
                }
		    >
				<View style={styles.container} tabLabel="蓝牙">
					<BluetoothScene {...this.props}/>
				</View>

				<View style={styles.container} tabLabel ="显示">
					<DisplaySlider {...this.props}/>
				</View>
		     </ScrollableTabView>
        );
    }
}

const styles = StyleSheet.create({
    container: {
       flex: 1,
       flexDirection: 'column',
       backgroundColor: 'white'
    },
});
